<template>
  <div class="outer">
    <h2>我是App组件</h2>
  </div>

</template>

<script setup lang="ts" name="App">

import {Person} from "@/ts/person";

class Student extends Person {

  score: number

  constructor(score: number, name: string, age: number) {
    super();
    this.score = score;
    this.name = name;
    this.age = age;
  }

  task(): void {
    console.log("学习")
  }
}

const student = new Student(99,"zhangsan", 23)
student.task()
console.log(student)

</script>

<style>
  .outer {
    background-color: #ddd;
    border-radius: 10px;
    padding: 5px;
    margin: 10px;
    box-shadow: 0 0 10px;
    width: 400px;
    height: 400px;
  }
  img {
    width: 180px;
  }
</style>